<template>
  <div id="">
    <div>
      <el-button type="primary" @click="openAlert()">openAlert</el-button>
      <el-button type="primary" @click="openConfirm()">openConfirm</el-button>
      <el-button type="primary" @click="openToast()">openToast</el-button>
    </div>
    <div>1</div>
    <div>1</div>
  </div>
</template>

<script>
export default {
  name: 'options',
  components: {},
  data() {
    return {}
  },
  methods: {
    openToast() {
      this.COMMON.toast({ msg: 'aasfd' }).then(() => {
        console.log(111)
      })
    },
    openAlert() {
      this.COMMON.alert(1).then(() => {
        console.log(111)
      })
    },
    openConfirm() {
      this.COMMON.confirm({ msg: 'aasfd' }).then(
        () => {
          console.log(111)
        },
        () => {
          console.log(222)
        }
      )
    }
  }
}
</script>

<style lang="less" scoped></style>
